/* CSS Document */
body {
	padding: 0;
	margin: 0;
	background-color: #FFFAEA;
	color: #000;
}

div,h1,h2,p,form,label,input,textarea,img,span {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
}

.spacer {
	clear: both;
	font-size: 0;
	line-height: 0;
}

/*------------------------------------------------body--------------------*/
	/*------------------------------------------------messages--------------------*/
#messages ul {
	font: bold 11px/ 29px Arial, Helvetica, sans-serif;
	font-color: color : #4C4C4C;
}

#messages ul li {
	float: down;
	margin: 0 1px 0 0;
}

/*------------------------------------------------messages--------------------*/
	/*------------------------------------------------ajax status--------------------*/
div#statusDisplayer {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 35px;
	height: 35px;
}

/*------------------------------------------------ajax status--------------------*/
	/*------------------------------------------------top part--------------------*/
#top {
	background: url(../images/top_part.gif) 0 0 no-repeat;
	width: 968px;
	height: 128px;
	margin: 0 auto;
	position: relative;
}

#top img {
	position: absolute;
	left: 34px;
	top: 53px;
	width: 286px;
	height: 66px;
}

#top ul {
	width: 309px;
	height: 29px;
	position: absolute;
	left: 635px;
	top: 74px;
}

#top ul li {
	float: left;
	margin: 0 1px 0 0;
}

#top ul li a {
	background: url(../images/nav_bg.gif) 0 0 no-repeat;
	width: 102px;
	height: 29px;
	display: block;
	font: bold 11px/ 29px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background-color: inherit;
}

#top ul li a:hover {
	background: url(../images/nav_hover.gif) 0 0 no-repeat;
	width: 102px;
	height: 29px;
	color: #4C4C4C;
	background-color: inherit;
}

#top ul li.hover {
	float: left;
	margin: 0 1px 0 0;
	background: url(../images/nav_hover.gif) 0 0 no-repeat;
	width: 102px;
	height: 29px;
	display: block;
	font: bold 11px/ 29px Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background-color: inherit;
}

/*------------------------------------------------top part--------------------*/
	/*------------------------------------------------body--------------------*/
#body {
	width: 968px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	color: #000;
}

#body ul.nav {
	width: 822px;
	height: 55px;
	border-bottom: #EEEEEE solid 4px;
	padding: 8px 0 6px 146px;
	margin: 0 0 24px 0;
	background-color: #fff;
	color: #000;
}

#body ul.nav li.navLink {
	display: block;
	background: url(../images/nav_div.gif) right top repeat-y;
	float: left;
	height: 55px;
	padding: 0 1px 0 0;
}

#body ul.nav li.navLinkNoBdr {
	display: block;
	background-image: none;
	float: left;
	height: 55px;
	padding: 0 1px 0 0;
}

#body ul.nav li.navLink a.users {
	display: block;
	background: url(../images/user_cfg1.png) 0 7px no-repeat #fff;
	padding: 0 14px 0 55px;
	font: bold 13px/ 55px Arial, Helvetica, sans-serif;
	color: #171717;
	text-transform: uppercase;
	text-decoration: none;
}

#body ul.nav li.navLink a.users:hover {
	background: url(../images/user_cfg2.png) 0 7px no-repeat #fff;
	color: #39638A;
}

#body ul.nav li.navLink a.projects {
	display: block;
	background: url(../images/project_cfg1.png) 10px 7px no-repeat #fff;
	padding: 0 15px 0 58px;
	font: bold 13px/ 55px Arial, Helvetica, sans-serif;
	color: #171717;
	text-transform: uppercase;
	text-decoration: none;
}

#body ul.nav li.navLink a.projects:hover {
	background: url(../images/project_cfg2.png) 10px 7px no-repeat #fff;
	color: #39638A;
}

#body ul.nav li.navLink a.system {
	display: block;
	background: url(../images/system_cfg1.png) 9px 7px no-repeat #fff;
	padding: 0 14px 0 60px;
	font: bold 13px/ 55px Arial, Helvetica, sans-serif;
	color: #171717;
	text-transform: uppercase;
	text-decoration: none;
}

#body ul.nav li.navLink a.system:hover {
	background: url(../images/system_cfg2.png) 9px 7px no-repeat #fff;
	color: #39638A;
}

/*------------------------------------------------left panel--------------------*/
#left {
	width: 618px;
	padding: 5px 15px 0 22px;
	float: left;
}

#left h2 {
	font: bold 24px/ 16px Arial, Helvetica, sans-serif;
	color: #497C00;
	background-color: #fff;
	margin: 0 0 12px 0;
	display: block;
}

#left p.lftText {
	font: normal 12px/ 19px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#left p.lftText span {
	color: #9E3F01;
	background-color: #FFF6DB;
	font: bold 12px/ 19px Arial, Helvetica, sans-serif;
}

/*------------------------------------------------left panel--------------------*/
	/*------------------------------------------------right panel--------------------*/
#right {
	width: 264px;
	float: left;
}

#right h2.mem {
	width: 214px;
	height: 57px;
	background: url(../images/member_login.gif) 0 0 no-repeat;
	padding: 0 0 0 50px;
	font: bold 20px/ 57px Arial, Helvetica, sans-serif;
	color: #7BCA0A;
	background-color: inherit;
}

#right div.error {
	font-size: 12px;
	color: red;
}

#right form {
	background: url(../images/memberlogin_bg.gif) 0 0 repeat-y;
	width: 228px;
	padding: 0 18px;
	margin: 0;
}

#right form input.txtBox {
	width: 206px;
	height: 19px;
	border-left: #808080 solid 1px;
	border-top: #808080 solid 1px;
	border-right: #D4D0C8 solid 1px;
	border-bottom: #D4D0C8 solid 1px;
	/*font:normal 11px/19px Arial, Helvetica, sans-serif;*/
	color: #000;
	background-color: #fff;
	margin: 0 0 17px 0;
	padding: 0 0 0 20px;
}

#right form a {
	font: bold 12px/ 19px Arial, Helvetica, sans-serif;
	color: #FF6600;
	background-color: #131313;
	text-decoration: underline;
	float: left;
	background: url(../images/register_here_bg.gif) 0 5px no-repeat;
	padding: 0 0 0 14px;
	width: 79px;
}

#right form a:hover {
	text-decoration: none;
}

#right form input.login {
	background: url(../images/btn_login.gif) 0 0 no-repeat;
	width: 53px;
	height: 13px;
	border: none;
	cursor: pointer;
	float: right;
}

#right p.bottom2 {
	background: url(../images/memberlogin_bot.gif) 0 0 no-repeat;
	width: 264px;
	height: 25px;
	margin: 0 0 5px 0;
}

#right h2.solution {
	font: bold 24px/ 39px Arial, Helvetica, sans-serif;
	color: #497C00;
	background-color: #fff;
	padding: 0 0 0 17px;
}

#right ul {
	width: 238px;
	padding: 0 0 0 17px;
}

#right ul li {
	display: block;
	background: url(../images/solution_div.gif) left bottom repeat-x;
	height: 20px;
	width: 238px;
	padding: 0 0 1px 0;
}

#right ul li a {
	background: url(../images/arrow.gif) 0 7px no-repeat;
	padding: 0 0 0 14px;
	font: bold 11px/ 20px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	margin: 0;
	display: block;
}

#right ul li a:hover {
	color: #A60303;
	background-color: #ECECEC;
}

#right ul li.noImg {
	display: block;
	background-image: none;
	height: 20px;
}

/*------------------------------------------------right panel--------------------*/
	/*------------------------------------------------body--------------------*/
	/*------------------------------------------------footer--------------------*/
#footerMain {
	width: 968px;
	margin: 0 auto;
	height: 60px;
	background-color: #fff;
	color: #000;
	padding: 0 0 16px 0;
}

#footer {
	width: 953px;
	margin: 0 auto;
	background: url(../images/footer_bg.gif) 0 0 repeat-x;
	height: 60px;
	position: relative;
}

#footer ul {
	width: 401px;
	position: absolute;
	left: 6px;
	top: 24px;
}

#footer ul li {
	float: left;
	color: #fff;
	background-color: inherit;
	font: normal 12px/ 16px Arial, Helvetica, sans-serif;
}

#footer ul li a {
	font: normal 12px/ 16px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: inherit;
	padding: 0 11px;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #fff;
	background-color: #03373B;
}

#footer p.copyright {
	font: normal 11px/ 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #FDFF35;
	background-color: inherit;
	position: absolute;
	left: 776px;
	top: 22px;
	width: 98px;
}

#footer a.xht {
	width: 85px;
	height: 13px;
	background: url(../images/xhtml_bg.gif) 0 0 no-repeat;
	position: absolute;
	left: 777px;
	top: 39px;
	margin: 0;
}

#footer p.design {
	display: block;
	width: 187px;
	height: 17px;
	padding: 3px;
	position: absolute;
	left: 382px;
	top: 83px;
	font: bold 11px/ 17px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #03373B;
	text-transform: none;
	text-align: center;
}

#footer p.design a.link {
	font: bold 11px/ 17px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #03373B;
	text-decoration: none;
	text-transform: none;
}

#footer p.design a.link:hover {
	color: #FDFF35;
	background-color: #03373B;
}
/*------------------------------------------------footer--------------------*/